{include file="../application/api/view/layout/header.html" /}
    <section class="section-tab w1200">
      <div class="not-found-container">
        <!-- 大标题区 -->
        <h1 class="error-title">
          404
          <span class="underline"></span>
        </h1>
        <!-- 提示文本 -->
        <p class="error-text">
          <?php echo translate('很抱歉，您要访问的页面好像迷路了…',$fromLan,$toLan);?>
        </p>
        <!-- 返回首页按钮 -->
        <a class="btn-home" href="/"><?php echo translate('返回首页',$fromLan,$toLan);?></a>
      </div>
    </section>
    <style>
      /* -------------- 容器 -------------- */
      .not-found-container {
        text-align: center;
        background: #fff;
        /* 白色背景，与整体浅灰拉开一点对比 */
        padding: 0.1rem 0.4rem 1rem 0.4rem;
        border-radius: 6px;
        max-width: 480px;
        width: 90%;
        margin: 0.3rem auto;
      }
  
      /* -------------- 标题 -------------- */
      .not-found-container .error-title {
        font-size: 1.6rem;
        font-weight: 700;
        color: #333;
        position: relative;
        margin-bottom: 0.5rem;
      }
  
      /* 红色下划线，与设计图中类似的线条装饰 */
      .not-found-container .underline {
        display: block;
        width: 80px;
        height: 4px;
        background-color: #d81e06;
        /* 可根据品牌色自定义 */
        margin: 0.5rem auto 0 auto;
        /* 如果想让下划线与文字之间留一些空间，可适当调整 margin */
      }
  
      /* -------------- 提示文字 -------------- */
      .not-found-container .error-text {
        font-size: 0.3rem;
        color: #666;
        margin-bottom: 0.4rem;
        line-height: 1.6;
      }
  
      /* -------------- 按钮 -------------- */
      .not-found-container .btn-home {
        display: inline-block;
        padding: 0.1rem 0.2rem;
        background-color: #d81e06;
        /* 红色按钮 */
        color: #fff;
        text-decoration: none;
        border-radius: 4px;
        font-size: 0.16rem;
        transition: background-color 0.3s;
      }
  
      .not-found-container .btn-home:hover {
        background-color: #b30808;
        /* 悬停时颜色稍暗 */
      }
    </style>
    
{include file="../application/api/view/layout/footer.html" /}